.box {
  height: 100vh;
  background-color: #e8ebee;
  padding: 20px;
}
.h {
  // display: grid;
  display: flex;
  justify-content: space-around;
  background-color: #e8ebee;
  margin-bottom: 20px;
}

.h .m {
  display: flex;
  justify-content: center;
  align-items: center;

  /*一个合适的圆角*/
  border-radius: 20px;
  width: 300px;
  height: 300px;
  --color-background: #ebecf0;
  --color-icon-bg: #ebecf0;
  --color-label: slategrey;
  --color-light: rgba(121, 130, 160, 0.55);
  --color-shadow: rgb(255, 255, 255);
  --duration-ani: 50ms;
  /*颜色和背景颜色相近，低对比度*/
  background-color: var(--color-icon-bg);

  /*模拟光照阴影*/
  box-shadow: 5px 5px 10px var(--color-light),
    -5px -5px 10px var(--color-shadow);
  user-select: none;

  /*增加过渡*/
  transition: box-shadow var(--duration-ani) ease-out;
}
.w {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 10px;
  /*一个合适的圆角*/
  border-radius: 20px;
  width: 100%;
  height: 100px;
  --color-background: #ebecf0;
  --color-icon-bg: #ebecf0;
  --color-label: slategrey;
  --color-light: rgba(121, 130, 160, 0.55);
  --color-shadow: rgb(255, 255, 255);
  --duration-ani: 50ms;
  /*颜色和背景颜色相近，低对比度*/
  background-color: var(--color-icon-bg);

  /*模拟光照阴影*/
  box-shadow: 5px 5px 10px var(--color-light),
    -5px -5px 10px var(--color-shadow);
  user-select: none;

  /*增加过渡*/
  transition: box-shadow var(--duration-ani) ease-out;
}
.k {
  display: flex;
  justify-content: space-between;

  /*一个合适的圆角*/
  border-radius: 20px;
  width: 10%;
  height: 80%;
  --color-background: #ebecf0;
  --color-icon-bg: #ebecf0;
  --color-label: slategrey;
  --color-light: rgba(121, 130, 160, 0.55);
  --color-shadow: rgb(255, 255, 255);
  --duration-ani: 50ms;
  /*颜色和背景颜色相近，低对比度*/
  background-color: var(--color-icon-bg);

  /*模拟光照阴影*/
  box-shadow: 5px 5px 10px var(--color-light),
    -5px -5px 10px var(--color-shadow);
  user-select: none;

  /*增加过渡*/
  transition: box-shadow var(--duration-ani) ease-out;
}
div:active {
  // box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0),
  //   inset 5px 5px 10px var(--color-light),
  //   inset -5px -5px 10px var(--color-shadow);
  /* font-weight: 700; */
  /* color: aqua; */
}
